<template>
	<view class="BankCardInformation">
		<view class="BankCardInformationHead">
			务必填写本人银行卡及预留手机号，否则无法收到验证码
		</view>
		<view class="BankCardInformationDiv">
			<text style="float: left;padding-right: 20rpx;">银行卡号</text>
			<input type="text" placeholder="请输入本人银行卡号" style="width: 300rpx;float: left;" value="" />
			<image src="../../static/paizhao.png" style="width: 40rpx;height: 35rpx;float: right;position: relative;top: 10rpx;" mode=""></image>
		</view>
		<view class="BankCardInformationDiv">
			<text style="float: left;padding-right: 46rpx;">手机号</text>
			<input type="text" placeholder="请输入本人银行卡号" style="width: 300rpx;" value="" />
			<view style="font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #FF0000;display: block;padding-left: 148rpx;box-sizing: border-box;">请务必确保是银行预留手机号</view>
		</view>
		<view class="BankCardInformationRight">
			<view style="float: right;">
				查看支持银行
			</view>
		</view>
		<view class="BankCardInformationBottom">
			提交
		</view>
	</view>
</template>

<script>
</script>

<style>
	.BankCardInformationBottom{
		width: 650rpx;
		height: 95rpx;
		background: linear-gradient(-84deg, #DFBA94, #DFAD7B);
		box-shadow: 0px 3rpx 10rpx 0px rgba(0, 0, 0, 0.16);
		border-radius: 48rpx;
		line-height: 95rpx;
		text-align: center;
		color: #FFFFFF;
		margin: 100rpx auto;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
	}
	.BankCardInformationRight{
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		width: 100%;
		padding-right: 50rpx;
		box-sizing: border-box;
		margin-top: 30rpx;
		margin-bottom: 70rpx;
	}
	page{
		background: #F8F8F8;
	}
	input{
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
	}
	.BankCardInformationDiv{
		width: 100%;
		height: 110rpx;
		background: #FFFFFF;
		border-bottom: 1px solid #F8F8F8;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		padding-top: 30rpx;
		box-sizing: border-box;
		padding-left: 50rpx;
		padding-right: 50rpx;
	}
	.BankCardInformationHead{
		width: 100%;
		height: 50rpx;
		background: #FBE4CE;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #DFAF7F;
		/* text-align: center; */
		padding-left: 30rpx;
		box-sizing: border-box;
		line-height: 50rpx;
	}
</style>
